<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!-- 对不识别viewport设备优化 -->
    <meta name="HandheldFriendly" content="true">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <title>确认订单 | 商超世界</title>
    <link rel="icon" type="image/x-icon" href="../favicon.ico" />
    <link rel="stylesheet" type="text/css" href="../public/css/reset.css">
    <script type="text/javascript" src="../public/js/rem.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/confirmOrder.css">
</head>

<body>
    <header>
        <a onclick="javascript:window.history.back(-1);return false" class="back">
            <img src="./images/back.png" alt="">
        </a>
        确认订单
    </header>
    <div class="main">
        <div class="address clearfix">
            <div class="icon fl">
            </div>
            <div class="content fl">
                <div class="top">
                    <span class="name">Bobby</span>
                    <span class="phone">18567565344</span>
                    <input type="button" value="默认">
                </div>
                <div class="bottom">
                    河南省郑州市郑东新区商务外环路众意路交叉口路劲大厦12楼1216
                </div>
            </div>
            <div class="edit fl">
            </div>
        </div>
        <div class="order">
            <!-- 商店名称 -->
            <h3>世纪华联</h3>
            <!-- 产品内容 -->
            <ul class="product">
                <li class="clearfix">
                    <img src="./images/demo.jpg" alt="" class="fl">
                    <div class="fr infor">
                        <p>
                            <span>科尔沁</span>
                            <span>手撕风干牛肉干400g原味内蒙特产</span>
                            <span>休闲零食</span>
                        </p>
                        <div class="detail clearfix">
                            <span class="price fl">￥99.00</span>
                            <del></del>
                            <span class="num fr">×1</span>
                        </div>
                    </div>
                </li>
                <li class="clearfix">
                    <img src="./images/demo.jpg" alt="" class="fl">
                    <div class="fr infor">
                        <p>
                            <span>科尔沁</span>
                            <span>手撕风干牛肉干400g原味内蒙特产</span>
                            <span>休闲零食</span>
                        </p>
                        <div class="detail">
                            <span class="price">￥28.30</span>
                            <del>￥35.30</del>
                            <span class="num">×1</span>
                        </div>
                    </div>
                </li>
            </ul>
            <!-- 选项内容 -->
            <ul class="option">
                <li class="post">
                    <!-- 配送方式 -->
                    <span>配送方式</span>
                    <span class="fr arrow"></span>
                    <span class="postStyle fr">自提</span>
                </li>
                <li class="invoice">
                    <!-- 发票信息 -->
                    <span>开具发票</span>
                    <span class="fr arrow"></span>
                    <span class="invoice fr"></span>
                </li>
                <!-- 买家留言 -->
                <li class="message">
                    <span class="fl">买家留言:</span>
                    <input type="text" class="words" placeholder="选填,可填写您与卖家达成一致的要求">
                </li>
            </ul>
            <!-- 商品运费明细 -->
            <div class="orderPrice">
                <!-- 商品价格 -->
                <div>
                    <span>共2件</span>
                    <span>商品金额:</span>
                    <span class="proPrice">￥127.30</span>
                </div>
                <!-- 运费 -->
                <div>
                    <span>运费:</span>
                    <span class="freight">￥10.00</span>
                </div>
            </div>

            <!-- 提交订单 -->
            <div class="commit clearwfix">
                <div class="fl">
                    <span>实付金额:</span>
                    <span class="amount">￥137.30</span>
                </div>
                <input type="button" value="提交订单">
            </div>
        </div>
    </div>
</body>

</html>